<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->

        <div class="container">
            <div id="move" class="carousel slide">
                <ol class="carousel-indicators">
                    <li data-target="#move" data-slide-to="0" class="active"></li>
                    <li data-target="#move" data-slide-to="1"></li>
                    <li data-target="#move" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active ">
                        <a href="http://hubblesite.org/gallery/album/entire/pr2006046a/xlarge_web/npp/128/">  
                            <img src="images/Killl Bill.jpg" alt="Kill BIll" />
                        </a>
                        <div class="carousel-caption">
                               <p>Kill Bill</p>
                            <p><a href="http://hubblesite.org/gallery/album/entire/pr2006046a/xlarge_web/npp/128/">Hubblesite.org &raquo;</a></p>
                        </div>
                    </div>
                    <div class="item">
                        <a href="http://hubblesite.org/gallery/album/entire/pr2007016e/xlarge_web/npp/128/">
                            <img src="images/Shutter Island.jpg" alt="Shutter Island" />
                        </a>
                        <div class="carousel-caption">
                            <p>Shutter Island</p>
                            <p><a href="http://hubblesite.org/gallery/album/entire/pr2007016e/xlarge_web/npp/128/">Hubblesite.org &raquo;</a></p>
                        </div>
                    </div>
                    <div class="item">
                        <a href="http://hubblesite.org/gallery/album/entire/pr2003010i/npp/128/">
                            <img src="images/Spider-Man2Wallpaper800.jpg" alt="Spider Man" />
                        </a>
                        <div class="carousel-caption">
                            <p>Spider Man</p>
                            <p><a href="http://hubblesite.org/gallery/album/entire/pr2003010i/npp/128/">Hubblesite.org &raquo;</a></p>
                        </div>
                    </div>
                </div> .carousel-inner 
                  next and previous controls here
                      href values must reference the id for this carousel 
                <a class="carousel-control left" href="#move" data-slide="prev">
                    <span class="icon-prev"></span>
                </a>
                <a class="carousel-control right" href="move" data-slide="next">
                    <span class="icon-next"></span>
                </a>
            </div> 
<!--             end carousel 

             Example row of columns -->
             <!--                        <div class="row">
                                         <div class="span4">
                                             <h2>Heading</h2>
                                             <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
                                             <p><a class="btn" href="#">View details &raquo;</a></p>
                                         </div>
                                         <div class="span4">
                                             <h2>Heading</h2>
                                             <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
                                             <p><a class="btn" href="#">View details &raquo;</a></p>
                                         </div>
                                         <div class="span4">
                                             <h2>Heading</h2>
                                             <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                                             <p><a class="btn" href="#">View details &raquo;</a></p>
                                         </div>
                                     </div>
             
                                     <hr>
                         
                                     <footer>
                                         <p>By <a href="http://twitter.com/davidcochran">David Cochran</a> of <a href="http://alittlecode.com/">aLittleCode.com</a> for <a href="http://webdesign.tutsplus.com/">webdesign.tutsplus.com</a></p>
                                     </footer>-->

        </div>  /container 
        ================================================== 
         Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary 
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
                <script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
         Bootstrap jQuery plugins compiled and minified 
        <script src="js/bootstrap.min.js"></script>
        <script>
            $(document).ready(function() {
                $('.carousel').carousel({
                    interval: 3000

                });
            });
        </script>
